<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>中智融通</title>
		<style>
			html, body {
				margin: 0;
				padding: 0;
				height: 100%;
				background-color: #F0EED9;
				font: normal 100% Helvetica, Arial, sans-serif;
			}
			.main {
				position: relative;
				margin-left: 2%;
				margin-right: 2%;
				margin-top: 3%;
				padding-bottom: 3%;
				margin-bottom: 3%;
				border-radius: 8px;
				background-color: #fff;
				border-color: #F0F0F0;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				box-shadow: 0 0 3px #F0F0F0;
			}
			.footer {
				padding-top: 5px;
				margin-left: auto;
				margin-right: auto;
				width: 90%;
				line-height: 1.42857143;
				text-align: left;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			.title {
				font-size: 1.2em;
				text-align: center;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#E8E8E8), color-stop(100%,#A9B0BA));
			}
			table {
				width: 95%;
				margin-left: auto;
				margin-right: auto;
			}
			td {
				width: 100%;
				padding: 0.6em;
				font-size: 1.2em;
				border-bottom: 1px double #ddd;
				word-wrap: break-word;
				word-break: break-all;
			}
			a {
				text-decoration: none;
				cursor: pointer;
				color: #428bca
			}
			a > i {
				position: relative;
				left: -15px;
			}
			a:visited {
				color: #428bca
			}
			@font-face {
				font-family: 'iconfont';
				src:
				url('/fonts/iconfont.woff') format('woff'), /* chrome、firefox */
				url('/fonts/iconfont.ttf') format('truetype') /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
				
			}
			.iconfont {
				float: right;
				font-family: "iconfont" !important;
				font-size: 16px;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-webkit-text-stroke-width: 0.2px;
				-moz-osx-font-smoothing: grayscale;
			}
		</style>
	</head>
	<body>
		<div class="container" id="container">
			<div class="main" id="main">
				<div style="text-align: center; font-size: 1.4em; font-weight: bold;padding-top: 3%;padding-bottom:3%;">
					报修列表
				</div>
				<div style="width:96%;margin-left:auto;margin-right:auto;padding-bottom:3%; border-top: 0.1em dashed #cccccc;height: 0.1em;overflow:hidden; "></div>
				<table>
					<tbody>
						<c:if test="${record==0}">
							<tr>
								<td>
									没有报修记录
								</td>
							</tr>
						</c:if>
						<c:forEach  var="repair" items="${repairList}">
							<tr>
								<td>
								<a href="<%=request.getContextPath()%>/weixin/repair/comment/${repair.id}?openId=${openId}">
									故障信息:${repair.faultInfo}
                                    <span style="display: block;padding-top: 5px; padding-bottom: 5px;">故障代码：${repair.breakCode}</span>
                                    <span style="display: block;">序列号：${repair.serialNumber}(${repair.statusStr})</span>
                                </a></td>
								<td>
									<a href="<%=request.getContextPath()%>/weixin/repair/comment/${repair.id}?openId=${openId}">
										<i class="iconfont">󰅭</i>
									</a>
								</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
		</div>
		<script>
			document.body.onload = function() {
				var clientHeight = document.body.clientHeight;
				document.getElementById('container').style.height = clientHeight + 'px';
				var main = document.getElementById('main');
				main.style.minHeight = 0.96 * clientHeight + 'px';
			}
		</script>
	</body>
</html>